import React, {useEffect, useState} from 'react';
import {View, Text, Button} from 'react-native';
import {load, remove} from './../../storage/storage';
import {Navigation} from 'react-native-navigation';

export default function index(props) {
  const [userName, setUserName] = useState('');
  useEffect(() => {
    // 获取本地存储的用户登录数据：
    load('loginState', v => {
      // console.log(v); //{uid: 1, uname: "wqw"}，就是一个JSON对象。
      setUserName(v.uname);
    });
  });
  return (
    <View>
      <Text>"我的"页面内容</Text>
      <Text>用户昵称：{userName}</Text>
      {
        <Button
          title="清除缓存数据"
          onPress={() => {
            remove('loginState');
            setUserName('');
            // 返回登录页面
            // Navigation.setRoot({
            //   root: {
            //     component: {
            //       name: 'Login',
            //     },
            //   },
            // });
          }}></Button>
      }
    </View>
  );
}
